.lobby {
  &__box {
    @extend %flex-column, %box-neat-force;

    &__top {
      @extend %metal, %flex-between;

      flex: 0 0 auto;
      padding: 0.3em 0.5em;

      .more {
        color: $c-font-dim;

        &:hover {
          color: $c-link;
        }
      }

      .title {
        @extend %base-font;

        font-size: 1em;
        font-weight: bold;
        color: $c-font-dim;
        padding: 0.3em;
      }
    }

    &__content {
      background: $c-bg-box;
      overflow-x: hidden;
      overflow-y: auto;
    }

    .user-link {
      padding-left: -1em;
      font-weight: bold;
      color: $c-font-dim;
    }

    table {
      width: 100%;
      height: 100%;
    }

    td {
      @extend %nowrap-ellipsis;

      padding: 0.5em 0.4em;
      border-top: $border;
      max-width: 21ch;

      /* prevent leaderboard overflow due to long usernames */
      &:first-child {
        padding-left: 0.7em;
      }

      &.name a {
        font-weight: bold;
        color: $c-font-dim;

        @include transition;

        &:hover {
          color: $c-link;
        }
      }
    }

    tr:nth-child(even) {
      background: $c-bg-zebra;
    }
  }

  &__leaderboard,
  &__winners {
    td:first-child {
      @extend %ellipsis;
    }

    td:last-child {
      text-align: right;
      padding-right: 0.7em;
    }
  }

  &__forum .lobby__box__top,
  &__blog .lobby__box__top {
    border-bottom: $border;
  }
}
